<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/7/26 0026
  Time: 下午 3:54
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/easyui/bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/static/easyui/easyui/jquery.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/static/easyui/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/easyui/css/common/box.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/easyui/css/common/checkbox.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/easyui/css/common/iconfont.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/easyui/css/common/checkbox.css">
    <link rel="stylesheet" type="text/css"
          href="${pageContext.request.contextPath}/static/easyui/css/common/tanchuang.css">
    <style type="text/css">
        .icon {
            width: 1em;
            height: 1em;
            vertical-align: -0.15em;
            fill: currentColor;
            overflow: hidden;
        }

        a {
            color: black;
        }

        a:hover {
            text-decoration: none;
        }

        .bgc-w {
            background-color: #fff;
        }

        .box .nav-stacked > li {
            border-bottom: 1px solid #f4f4f4;
            margin: 0;
        }

        .nav-stacked > li > a {
            border-radius: 0;
            border-top: 0;
            border-left: 3px solid transparent;
            color: #444;
        }

        li.activee > a {
            border-left-color: #3c8dbc;
        }

        .des {
            border: none;
            color: #9e9e9e;
        }

        #thisul li a {
            padding: 10px;
        }

        .thisbox-header:HOVER {
            background-color: #eee;
            color: #337ab7;
        }

        #thispills:HOVER {
            cursor: pointer;
        }

        #thispills li {
            border: 1px solid #ccc;
            border-left: none;
        }

        #thispills li a:HOVER {
            background-color: #337ab7;
            color: #fff;
        }

        #thispills li a {
            padding: 8px;
        }

        .ulfather .collapsed {
            cursor: pointer;
        }

        .nav > li > a {
            padding: 15px;
        }
    </style>
</head>
<body>
<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;">
    <symbol id="icon-icon4" viewBox="0 0 1024 1024">
        <path d="M316.131519 568.243979l391.735939 0c15.465227 0 27.981285-12.514012 27.981285-27.981285s-12.515035-27.981285-27.981285-27.981285L316.131519 512.281409c-15.465227 0-27.981285 12.514012-27.981285 27.981285S300.665269 568.243979 316.131519 568.243979z"></path>
        <path d="M316.131519 680.168094l391.735939 0c15.465227 0 27.981285-12.515035 27.981285-27.980261 0-15.46625-12.515035-27.981285-27.981285-27.981285L316.131519 624.206548c-15.465227 0-27.981285 12.514012-27.981285 27.981285C288.150234 667.653059 300.665269 680.168094 316.131519 680.168094z"></path>
        <path d="M316.131519 792.093233l391.735939 0c15.465227 0 27.981285-12.515035 27.981285-27.982308 0-15.465227-12.515035-27.981285-27.981285-27.981285L316.131519 736.12964c-15.465227 0-27.981285 12.515035-27.981285 27.981285C288.150234 779.578198 300.665269 792.093233 316.131519 792.093233z"></path>
        <path d="M316.131519 456.319863l167.886685 0c15.46625 0 27.981285-12.515035 27.981285-27.981285s-12.514012-27.981285-27.981285-27.981285L316.131519 400.357294c-15.465227 0-27.981285 12.515035-27.981285 27.981285S300.665269 456.319863 316.131519 456.319863z"></path>
        <path d="M903.735427 316.41344c0-7.759731-3.142573-14.755052-8.225335-19.811208L671.716096 72.808236c-5.055133-5.081739-12.050454-8.225335-19.811208-8.225335L176.225095 64.582901c-30.9325 0-55.961546 25.03007-55.961546 55.962569l0 783.471878c0 30.933523 25.029046 55.962569 55.961546 55.962569l671.547763 0c30.933523 0 55.962569-25.03007 55.962569-55.962569L903.735427 316.41344zM679.88515 160.112628 808.206724 288.432155 679.88515 288.432155 679.88515 160.112628zM819.791573 904.017348 204.207403 904.017348c-15.46625 0-27.982308-12.514012-27.982308-27.981285l0-727.509309c0-15.46625 12.515035-27.981285 27.982308-27.981285L623.923604 120.54547l0 195.86797c0 15.46625 12.515035 27.981285 27.981285 27.981285l195.86797 0 0 531.641339C847.772858 891.502313 835.257823 904.017348 819.791573 904.017348z"></path>
    </symbol>
    <symbol id="icon-huifu" viewBox="0 0 1024 1024">
        <path d="M410.880469 2.372735C399.424522-2.427243 386.112583 0.196745 377.280624 8.964705L9.026331 298.371363c-12.031944 11.967945-12.031944 31.551854 0 43.519798l368.318293 287.998665C383.168597 635.777799 391.040561 638.977785 399.104523 638.977785c4.031981 0 7.935963-0.895996 11.839945-2.367989C422.400415 631.873817 429.248384 620.60987 429.248384 608.129928L429.248384 435.650727c393.918174 0 566.205376 111.039485 540.029497 464.957845 166.719227-566.141376-153.407289-694.076783-540.029497-694.076783L429.248384 30.660604C429.248384 18.244662 422.336416 7.044714 410.880469 2.372735L410.880469 2.372735zM410.880469 2.372735"></path>
    </symbol>
    <symbol id="icon-xinzengwenjian" viewBox="0 0 1024 1024">
        <path d="M183.886 831.091c-22.53 0-40.793-18.263-40.793-40.793v-422.785c0-22.529 18.265-40.793 40.793-40.793h624.192c22.529 0 40.793 18.265 40.793 40.793v93.877c17.92 11.093 34.819 24.238 50.18 39.087v-185.193c0-61.276-55.813-55.642-55.813-55.642s-333.516 0.34-315.936 0c-19.117 0.512-28.505-10.071-28.505-10.071s-13.312-22.871-37.209-58.887c-25.090-37.892-53.935-31.747-53.935-31.747h-245.956c-68.103 0-68.956 65.543-68.956 65.543v592.275c0 73.054 55.131 64.007 55.131 64.007h305.353c-10.924-15.531-20.311-32.258-28.162-49.84l-241.175 0.17z"></path>
        <path d="M694.404 477.433c-129.55 0-234.521 104.971-234.521 234.521 0 129.548 104.969 234.521 234.521 234.521 129.548 0 234.519-104.972 234.519-234.521 0-129.549-104.971-234.521-234.519-234.521zM814.564 744.724h-87.389v87.39c0 18.092-14.679 32.771-32.771 32.771-18.094 0-32.771-14.679-32.771-32.771v-87.39h-87.391c-18.093 0-32.771-14.679-32.771-32.771 0-18.094 14.679-32.77 32.771-32.77h87.391v-87.392c0-18.092 14.678-32.771 32.771-32.771 18.092 0 32.771 14.679 32.771 32.771v87.392h87.389c18.093 0 32.771 14.677 32.771 32.77 0.171 18.094-14.679 32.771-32.771 32.771z"></path>
    </symbol>
    <symbol id="icon-xuanze" viewBox="0 0 1024 1024">
        <path d="M830.214459 193.318914C748.719376 111.827925 636.211976 61.419861 512.011256 61.419861c-124.192533 0-236.715283 50.408063-318.206272 131.899052-81.552387 81.552387-132.0065 194.240913-132.0065 318.692343 0 124.44836 50.454112 237.131769 132.0065 318.684156 81.490989 81.490989 194.005552 131.904169 318.206272 131.904169s236.70812-50.41318 318.203202-131.904169c81.549318-81.552387 132.010593-194.235796 132.010593-318.684156C962.225051 387.559826 911.764799 274.871301 830.214459 193.318914zM757.740844 406.822542 468.515626 692.043562c-19.706831 19.549242-50.572816 19.549242-70.27453 0L266.443351 562.40397c-20.284999-19.816325-20.931728-52.788274-1.375324-73.4038 19.34458-20.871353 51.442626-21.541619 71.588455-1.458211l96.499821 95.067192 254.235308-250.653737c20.154016-20.076244 52.241828-19.413142 71.732741 1.473561C778.468934 354.036315 777.820158 387.008264 757.740844 406.822542z"></path>
    </symbol>
    <symbol id="icon-suoyougongneng" viewBox="0 0 1024 1024">
        <path d="M876.946806 957.833021 624.325251 957.833021c-44.937468 0-81.3334-57.148581-81.3334-102.08605L542.991852 624.802112c0-44.910862 36.395932-81.33647 81.3334-81.33647L876.946806 543.465642c44.877093 0 81.3334 36.425607 81.3334 81.33647l0 251.698532C958.279183 921.438113 921.827993 957.833021 876.946806 957.833021L876.946806 957.833021 876.946806 957.833021zM916.500661 627.731838c0-22.930245-18.605753-41.506323-41.506323-41.506323L625.996311 586.225515c-22.895453 0-41.506323 18.576077-41.506323 41.506323l0 248.993934c0 22.900569 18.61087 41.501206 41.506323 41.501206l248.998027 0c22.900569 0 41.506323-18.600637 41.506323-41.501206L916.500661 627.731838 916.500661 627.731838 916.500661 627.731838zM876.946806 480.593709 624.325251 480.593709c-44.937468 0-81.3334-57.178257-81.3334-102.110609L542.991852 147.529031c0-44.903699 36.395932-81.362053 81.3334-81.362053L876.946806 66.166979c44.877093 0 81.3334 36.459377 81.3334 81.362053L958.280206 399.23575C958.279183 444.164009 921.827993 480.593709 876.946806 480.593709L876.946806 480.593709 876.946806 480.593709zM916.500661 150.458757c0-22.900569-18.605753-41.505299-41.506323-41.505299L625.996311 108.953458c-22.895453 0-41.506323 18.60473-41.506323 41.505299l0 248.998027c0 22.926152 18.61087 41.502229 41.506323 41.502229l248.998027 0c22.900569 0 41.506323-18.576077 41.506323-41.502229L916.500661 150.458757 916.500661 150.458757 916.500661 150.458757zM399.676795 957.833021 147.08287 957.833021c-44.963051 0-81.362053-57.148581-81.362053-102.08605L65.720817 624.802112c0-44.910862 36.399001-81.33647 81.362053-81.33647L399.676795 543.465642c44.907793 0 81.362053 36.425607 81.362053 81.33647l0 251.698532C481.014288 921.438113 444.584588 957.833021 399.676795 957.833021L399.676795 957.833021 399.676795 957.833021zM439.22758 627.731838c0-22.930245-18.570961-41.506323-41.502229-41.506323L148.732439 586.225515c-22.904663 0-41.506323 18.576077-41.506323 41.506323l0 248.993934c0 22.900569 18.60166 41.501206 41.506323 41.501206l248.992911 0c22.930245 0 41.502229-18.600637 41.502229-41.501206L439.22758 627.731838 439.22758 627.731838 439.22758 627.731838zM399.676795 480.593709 147.08287 480.593709c-44.963051 0-81.362053-57.178257-81.362053-102.110609L65.720817 147.529031c0-44.903699 36.399001-81.362053 81.362053-81.362053L399.676795 66.166979c44.907793 0 81.362053 36.429701 81.362053 81.362053L481.038848 399.23575C481.014288 444.164009 444.584588 480.593709 399.676795 480.593709L399.676795 480.593709 399.676795 480.593709zM439.22758 150.458757c0-22.900569-18.570961-41.505299-41.502229-41.505299L148.732439 108.953458c-22.904663 0-41.506323 18.60473-41.506323 41.505299l0 248.998027c0 22.926152 18.60166 41.502229 41.506323 41.502229l248.992911 0c22.930245 0 41.502229-18.576077 41.502229-41.502229L439.22758 150.458757 439.22758 150.458757 439.22758 150.458757zM439.22758 150.458757"></path>
    </symbol>
    <symbol id="icon-xuanze1" viewBox="0 0 1024 1024">
        <path d="M89.993039 512.793035c0-127.958341-0.00973-255.920332 0.004865-383.878673 0-26.738163 11.159653-37.81389 38.161755-37.81389 255.921548-0.014596 511.837014-0.014596 767.757346 0 26.808709 0 38.082695 11.264255 38.082695 38.053503 0.014596 255.920332 0.014596 511.835798 0 767.757346 0 26.982641-11.109784 38.187298-37.802943 38.192163-256.264548 0.00973-512.529095 0.00973-768.799724 0-26.240692 0-37.400344-11.159653-37.400344-37.384532C89.982092 769.406664 89.993039 641.100457 89.993039 512.793035L89.993039 512.793035zM512.059009 152.593503c-115.418176 0-230.836352-0.004865-346.254527 0.004865-14.303816 0-14.343955 0.040138-14.343955 14.433962-0.00973 230.48727-0.00973 460.979406 0 691.467892 0 15.055497 0.030408 15.089553 14.781827 15.089553 230.48727 0.010947 460.980622 0.010947 691.467892 0 14.741688 0 14.772096-0.029191 14.772096-15.010493 0.004865-230.48727 0.004865-460.980622 0-691.467892 0-14.477749-0.030408-14.513022-14.163941-14.517887C742.895361 152.588637 627.477185 152.593503 512.059009 152.593503L512.059009 152.593503z"></path>
    </symbol>
    <symbol id="icon-kongxinquan" viewBox="0 0 1024 1024">
        <path d="M512.085333 938.752c-235.690667 0-426.666667-190.976-426.666667-426.666667 0-235.690667 190.976-426.666667 426.666667-426.666667 235.690667 0 426.666667 190.976 426.666667 426.666667C938.752 747.690667 747.690667 938.752 512.085333 938.752zM512.085333 256.085333c-141.397333 0-256 114.688-256 256 0 141.312 114.602667 256 256 256s256-114.688 256-256C768.085333 370.773333 653.482667 256.085333 512.085333 256.085333z"></path>
    </symbol>
    <symbol id="icon-lajitong" viewBox="0 0 1024 1024">
        <path d="M425.12384 776.68352 425.12384 373.78048c0-12.71296-10.31168-23.01952-23.02464-23.01952s-23.02464 10.30656-23.02464 23.01952l0 402.90304c0 12.71296 10.30656 23.02464 23.02464 23.02464S425.12384 789.4016 425.12384 776.68352zM643.84 776.68352 643.84 373.78048c0-12.71296-10.31168-23.01952-23.01952-23.01952-12.71808 0-23.02464 10.30656-23.02464 23.01952l0 402.90304c0 12.71296 10.30656 23.02464 23.02464 23.02464C633.52832 799.70816 643.84 789.4016 643.84 776.68352zM851.05152 350.76096c-12.71296 0-23.02464 10.30656-23.02464 23.01952 0 2.00192 0.3328 3.90656 0.81408 5.75488l-0.81408 0 0 529.536c0 31.78496-25.76896 57.55392-57.55392 57.55392L252.44672 966.62528c-31.78496 0-57.55904-25.76896-57.55904-57.55392L194.88768 379.53536l-0.81408 0c0.48128-1.84832 0.81408-3.75296 0.81408-5.75488 0-12.71296-10.30656-23.01952-23.02464-23.01952s-23.02464 10.30656-23.02464 23.01952c0 2.00192 0.3328 3.90656 0.81408 5.75488l-0.81408 0 0 518.02112c0 63.58016 51.53792 115.11808 115.11296 115.11808l494.99648 0c63.58016 0 115.11296-51.53792 115.11296-115.11808L874.0608 379.53536l-0.81408 0c0.48128-1.84832 0.81408-3.75296 0.81408-5.75488C874.07104 361.06752 863.76448 350.76096 851.05152 350.76096zM994.944 224.128l-195.84512 0c0.09728-1.90976 0.14336-3.82464 0.14336-5.75488L799.24224 126.2848c0-63.58016-51.5328-115.11808-115.11296-115.11808l-345.344 0c-63.57504 0-115.11296 51.53792-115.11296 115.11808l0 92.08832c0 1.93024 0.0512 3.84512 0.14336 5.75488L27.97056 224.128c-12.71296 0-23.02464 10.31168-23.02464 23.02464s10.30656 23.01952 23.02464 23.01952l966.97344 0c12.71296 0 23.01952-10.30656 23.01952-23.01952S1007.66208 224.128 994.944 224.128zM753.19808 218.37312c0 1.94048-0.13312 3.85024-0.29184 5.75488L270.0032 224.128c-0.15872-1.90464-0.29184-3.8144-0.29184-5.75488L269.71136 137.79456c0-44.50304 36.07552-80.57856 80.58368-80.57856l333.83424 0c38.14912 0 69.0688 30.91968 69.0688 69.0688L753.19808 218.37312z"></path>
    </symbol>
    <symbol id="icon-shuaxin" viewBox="0 0 1024 1024">
        <path d="M675.185104 747.750305c-49.475831 35.104519-107.373473 52.704362-166.561503 51.889811a295.671023 295.671023 0 0 1-23.273053-1.178849c-3.137457-0.299829-6.275937-0.813528-9.428743-1.215688-6.043646-0.805342-12.102642-1.62808-17.983583-2.779299-3.64604-0.701988-7.208169-1.6465-10.773368-2.479471-5.770424-1.375324-11.515265-2.759857-17.144472-4.461615-2.716878-0.843204-5.358031-1.816369-8.04728-2.733251-6.494924-2.208295-12.96529-4.481058-19.268855-7.157003-1.424442-0.580215-2.794649-1.26276-4.222162-1.90949-7.347339-3.273557-14.637372-6.707772-21.657252-10.580986-0.340761-0.179079-0.62831-0.328481-0.970095-0.505513a287.712771 287.712771 0 0 1-64.70979-49.080835c-0.287549-0.299829-0.601704-0.660032-0.918929-1.001817a279.762705 279.762705 0 0 1-16.981767-18.913769c-1.124614-1.397836-2.221598-2.90926-3.358491-4.345981-38.885636-49.255821-62.336744-111.597681-62.336743-179.416276h65.959247a4.789073 4.789073 0 0 0 4.218069-2.520403 4.782933 4.782933 0 0 0-0.216941-4.907777L186.635189 336.067059a4.783956 4.783956 0 0 0-4.003174-2.156107 4.782933 4.782933 0 0 0-3.99908 2.156107L67.753615 504.450047a4.786003 4.786003 0 0 0 4.000104 7.424086h65.974597c0 79.734996 24.549116 153.635099 66.25703 214.736713 0.50756 0.852414 0.876973 1.760087 1.438768 2.611477 4.317329 6.249331 9.115612 12.015661 13.749143 17.929348 1.726318 2.236947 3.345188 4.539386 5.139043 6.726192 6.827499 8.383948 14.0766 16.270569 21.533433 23.971971 0.713244 0.76748 1.370207 1.52575 2.070148 2.208295 25.028023 25.364691 53.333696 46.752814 84.114746 63.847143 0.796132 0.477884 1.591241 0.973164 2.468215 1.423419 8.866948 4.827959 17.98256 9.178033 27.221991 13.314237 2.302439 0.991584 4.550643 2.12336 6.892991 3.105734 7.896854 3.321652 16.009625 6.221702 24.194028 8.990769 3.862981 1.329275 7.701402 2.686179 11.619642 3.911076 7.143701 2.13257 14.449084 3.930519 21.820982 5.697769 4.880147 1.151219 9.730619 2.39556 14.709003 3.358491 2.068102 0.421602 4.013407 1.066285 6.04467 1.384533 6.935969 1.245364 13.925151 1.946328 20.873399 2.797719 2.509147 0.299829 4.974291 0.721431 7.485485 0.992607 12.485359 1.25355 24.932856 2.077312 37.361933 2.077312 76.085886 0 150.318564-23.559579 213.997885-68.722175 20.289092-14.436804 25.237801-42.74964 11.021008-63.324234-14.250562-20.620643-42.272779-25.592888-62.556755-11.162224M886.309546 511.874133c-0.047072-79.481216-24.437575-153.237033-65.942875-214.217896-0.602727-1.041726-1.01512-2.097778-1.702781-3.070942-5.149277-7.454786-10.786671-14.406105-16.392342-21.367657-0.64059-0.849344-1.24434-1.740644-1.926886-2.578731-37.987173-46.657646-85.667102-82.691327-139.714042-106.252953-1.493004-0.656963-2.962471-1.384533-4.466731-2.041496-8.622378-3.590781-17.46272-6.771217-26.343995-9.772574-3.202948-1.069355-6.346545-2.248204-9.622148-3.220344-7.742335-2.371-15.597233-4.304026-23.521716-6.155187-4.369517-1.028423-8.743128-2.152013-13.173021-3.028986-2.188852-0.425695-4.256954-1.083681-6.42227-1.479701-5.907547-1.027399-11.841699-1.480724-17.762549-2.260484-4.116761-0.521886-8.117888-1.167592-12.258185-1.590217-9.950629-0.933255-19.816325-1.329275-29.688159-1.509377-1.810229 0-3.545756-0.287549-5.342682-0.287549-0.331551 0-0.63138 0.097214-0.963954 0.12382-75.985602 0.054235-150.055574 23.288402-213.654055 68.39574-20.339234 14.391778-25.288966 42.73736-11.059893 63.32321 14.198374 20.588921 42.255383 25.575492 62.554708 11.143805 49.124837-34.82925 106.431008-52.454676 165.201529-51.92051 8.457626 0.056282 16.780175 0.479931 25.004487 1.260713 2.536776 0.289596 5.047969 0.670266 7.566326 0.987491 6.754844 0.837064 13.462616 1.808182 20.063965 3.125177 2.923586 0.576121 5.8001 1.328251 8.650007 1.987261 6.482645 1.480724 12.95301 3.068895 19.283182 5.003967 2.001587 0.64366 3.976568 1.37123 5.979178 2.027169 7.223518 2.39863 14.33345 4.975315 21.323655 7.922437 0.710175 0.301875 1.439792 0.671289 2.128477 0.958838 41.85527 18.231223 78.57866 46.288233 107.22714 81.404008 0.178055 0.205685 0.356111 0.481977 0.518816 0.684592 40.321334 49.700959 64.60132 113.229854 64.624856 182.406376h-65.985853a4.792143 4.792143 0 0 0-4.004198 7.42511l110.904903 168.370709a4.77884 4.77884 0 0 0 4.000104 2.152013 4.77884 4.77884 0 0 0 4.00522-2.152013l110.847598-168.370709a4.787026 4.787026 0 0 0-3.998058-7.42511H886.309546z"
              fill="#505151"></path>
    </symbol>
    <symbol id="icon-shipin" viewBox="0 0 1024 1024">
        <path d="M511.999744 0.000512C228.710286 0.000512 0 228.710798 0 512.000256s229.580685 511.999744 511.999744 511.999744 511.999744-229.478285 511.999744-511.948544A511.385344 511.385344 0 0 0 511.999744 0.000512z m0 947.813926c-240.84468 0-435.762982-194.918303-435.762982-435.762982S271.155064 76.288474 511.999744 76.288474c240.84468 0 435.762982 194.918303 435.762982 435.762982S752.844424 947.814438 511.999744 947.814438z m195.788702-471.295764l-264.191868-152.473524c-26.879987-15.615992-61.542369 4.351998-61.542369 35.532782v305.817447c0 31.180784 33.791983 51.097574 61.542369 35.481583l264.191868-152.524724c26.879987-16.332792 26.879987-56.268772 0-71.833564z"></path>
    </symbol>
    <symbol id="icon-yinyue" viewBox="0 0 1024 1024">
        <path d="M179.2 1024C81.454545 1024 0 944.872727 0 844.8s79.127273-179.2 179.2-179.2c39.563636 0 76.8 13.963636 109.381818 37.236364l9.309091 6.981818V134.981818c0-34.909091 27.927273-62.836364 60.509091-62.836363l598.109091-69.818182h4.654545C993.745455 0 1024 27.927273 1024 62.836364v672.581818c0 48.872727-18.618182 93.090909-53.527273 125.672727-32.581818 32.581818-79.127273 51.2-125.672727 51.2-97.745455 0-179.2-79.127273-179.2-179.2 0-97.745455 79.127273-179.2 179.2-179.2 39.563636 0 79.127273 13.963636 109.381818 37.236364l9.309091 6.981818V286.254545l-605.090909 65.163637v493.381818c-2.327273 100.072727-81.454545 179.2-179.2 179.2z m0-295.563636c-65.163636 0-118.690909 53.527273-118.690909 118.690909s53.527273 118.690909 118.690909 118.690909 118.690909-53.527273 118.690909-118.690909c-2.327273-67.490909-53.527273-118.690909-118.690909-118.690909z m665.6-111.709091c-65.163636 0-118.690909 53.527273-118.690909 118.690909s53.527273 118.690909 118.690909 118.690909 118.690909-53.527273 118.690909-118.690909-53.527273-118.690909-118.690909-118.690909z m-488.727273-325.818182l605.090909-65.163636V60.509091l-598.109091 69.818182h-6.981818v160.581818z"></path>
    </symbol>
    <symbol id="icon-xiazai" viewBox="0 0 1024 1024">
        <path d="M472.983 729.254c9.23 9.23 24.195 9.23 33.426 0l289.583-289.583c9.23-9.23 9.23-24.195 0-33.426-9.215-9.214-24.179-9.214-33.41 0L513.324 655.503V81.657c0-13.042-10.585-23.628-23.628-23.628s-23.628 10.585-23.628 23.628v573.846L216.81 406.245c-9.23-9.214-24.195-9.214-33.41 0-9.23 9.23-9.23 24.195 0 33.426l289.583 289.583z"></path>
        <path d="M891.37 682.865c-13.044 0-23.629 10.585-23.629 23.628v147.674c0 18.493-14.712 33.472-32.874 33.472H144.525c-18.162 0-32.875-14.98-32.875-33.472V714.368v-7.876c0-13.043-10.585-23.629-23.628-23.629s-23.628 10.586-23.628 23.629v165.395c0 34.795 28.211 63.008 63.008 63.008h724.587c34.796 0 63.008-28.212 63.008-63.008V714.368v-7.876c0-13.042-10.585-23.627-23.628-23.627z"></path>
    </symbol>
    <symbol id="icon-yasuobao" viewBox="0 0 1024 1024">
        <path d="M428.016 176.587h84.017v56.012h-84.017v-56.012zM343.998 232.598h84.017v56.012h-84.017v-56.012zM428.016 288.61h84.017v56.012h-84.017v-56.012zM343.998 344.623h84.017v56.012h-84.017v-56.012zM428.016 400.634h84.017v56.012h-84.017v-56.012zM343.998 456.645h84.017v56.012h-84.017v-56.012zM428.016 512.656v56.012h-84.017v196.041c0 15.458 12.547 28.005 28.005 28.005h112.023c15.458 0 28.005-12.547 28.005-28.005v-252.053h-84.017zM484.027 736.702h-112.023v-56.012h112.023v56.012zM854.59 239.098l-125.042-125.020c-27.218-27.218-81.020-49.514-119.529-49.514h-420.086c-38.508 0-70.014 31.507-70.014 70.014v756.157c0 38.508 31.507 70.014 70.014 70.014h644.132c38.508 0 70.014-31.507 70.014-70.014v-532.11c0-38.508-22.295-92.31-49.514-119.529h0.021zM814.998 278.699c2.747 2.747 5.459 6.105 8.117 9.911h-143.049v-143.049c3.807 2.658 7.166 5.382 9.911 8.117l125.020 125.020zM848.103 890.736c0 7.593-6.411 14.002-14.002 14.002h-644.132c-7.593 0-14.002-6.411-14.002-14.002v-756.157c0-7.593 6.411-14.002 14.002-14.002h420.086c4.234 0 8.96 0.535 14.002 1.488v222.56h222.56c0.951 5.042 1.488 9.77 1.488 14.002v532.11z"></path>
    </symbol>
    <symbol id="icon-tupian" viewBox="0 0 1024 1024">
        <path d="M853.161 892.55H362.595l-209.433-0.414a18.5 18.5 0 0 1-1.813-0.092c-24.849-2.485-47.825-14.06-64.696-32.595-16.991-18.665-26.35-42.855-26.35-68.112V264.626c0-55.808 45.404-101.211 101.212-101.211H853.16c55.808 0 101.21 45.403 101.21 101.211v225.513c0 0.275-0.006 0.552-0.018 0.826-0.022 0.494-1.972 51.723 15.481 85.462 4.717 9.119 1.148 20.335-7.97 25.053-9.117 4.714-20.335 1.15-25.053-7.97-21.3-41.177-19.845-97.643-19.619-103.74V264.627c0-35.307-28.724-64.031-64.03-64.031H161.515c-35.308 0-64.032 28.724-64.032 64.031v526.711c0 32.755 24.321 59.958 56.718 63.62l208.431 0.412h490.53c35.306 0 64.03-28.725 64.03-64.032l-0.382-93.677c-0.105-1.75-1.587-19.548-19.55-42.5-0.05-0.063-0.098-0.125-0.147-0.19l-21.712-28.489-117.227-155.119c-0.416-0.55-38.995-50.852-86.272-45.534-38.335 4.315-75.955 45.164-108.79 118.132-17.615 39.141-34.65 68.269-52.082 89.046-17.607 20.986-35.68 33.52-55.251 38.317-43.423 10.638-81.05-18.995-120.887-50.373l-5.057-3.98c-46.555-36.578-68.75-28.224-158.33 59.602-7.33 7.188-19.1 7.071-26.289-0.26-7.187-7.33-7.07-19.1 0.26-26.287 46.659-45.746 77.544-72.727 107.086-84.283 33.358-13.048 64.275-6.267 100.242 21.994l5.093 4.008c33.923 26.72 63.22 49.795 89.029 43.467 25.618-6.279 53.3-42.114 82.28-106.509 39.14-86.976 85.838-134.027 138.797-139.849 68.454-7.515 117.824 57.405 119.892 60.172l117.122 154.98 21.6 28.344c26.277 33.631 27.334 61.639 27.367 64.725l0.001 0.128 0.384 94.06c0.001 55.884-45.4 101.287-101.209 101.287zM312.328 446.967c-42.325 0-76.759-34.434-76.759-76.76s34.434-76.759 76.76-76.759 76.759 34.435 76.759 76.76-34.434 76.759-76.76 76.759z m0-116.34c-21.824 0-39.579 17.756-39.579 39.58s17.755 39.58 39.58 39.58 39.579-17.756 39.579-39.58-17.755-39.58-39.58-39.58z"
              fill=""></path>
    </symbol>
    <symbol id="icon-shipin1" viewBox="0 0 1024 1024">
        <path d="M650.1 791.9H92c-38.6 0-70-31.4-70-70V305c0-38.6 31.4-70 70-70h558c38.6 0 70 31.4 70 70v416.9c0.1 38.6-31.3 70-69.9 70zM92 275c-16.5 0-30 13.5-30 30v416.9c0 16.5 13.5 30 30 30h558c16.5 0 30-13.5 30-30V305c0-16.5-13.5-30-30-30H92zM982 791.9c-3.4 0-6.8-0.9-9.8-2.6l-208-117.2c-6.3-3.5-10.2-10.2-10.2-17.4V369.3c0-7.2 3.9-13.9 10.2-17.4l208-117.2c6.2-3.5 13.8-3.4 19.9 0.2 6.1 3.6 9.9 10.2 9.9 17.3v519.9c0 7.1-3.8 13.7-9.9 17.3-3.1 1.6-6.6 2.5-10.1 2.5zM794 643l168 94.7V286.3L794 381v262z"></path>
    </symbol>
    <symbol id="icon-fenxiang" viewBox="0 0 1024 1024">
        <path d="M844.8 352c96 0 172.8-76.8 172.8-172.8C1024 76.8 947.2 0 844.8 0s-172.8 76.8-172.8 172.8v25.6L300.8 345.6c-32-32-76.8-57.6-128-57.6C76.8 288 0 364.8 0 467.2S76.8 640 172.8 640c38.4 0 70.4-12.8 102.4-32l249.6 166.4c-6.4 25.6-12.8 44.8-12.8 76.8 0 96 76.8 172.8 172.8 172.8 96 0 172.8-76.8 172.8-172.8 0-96-76.8-172.8-172.8-172.8-44.8 0-89.6 19.2-121.6 51.2L320 563.2c19.2-25.6 32-64 32-96 0-25.6-6.4-44.8-12.8-64l358.4-134.4c25.6 44.8 83.2 83.2 147.2 83.2zM172.8 576C115.2 576 64 524.8 64 467.2c0-64 51.2-108.8 108.8-108.8s108.8 51.2 108.8 108.8c6.4 57.6-44.8 108.8-108.8 108.8z m512 160c64 0 108.8 51.2 108.8 108.8 0 64-51.2 108.8-108.8 108.8S576 908.8 576 851.2c0-64 51.2-115.2 108.8-115.2zM844.8 64c64 0 108.8 51.2 108.8 108.8 0 64-51.2 108.8-108.8 108.8-64 0-108.8-51.2-108.8-108.8 0-57.6 51.2-108.8 108.8-108.8z"
              fill=""></path>
    </symbol>
</svg>
<div class="row" style="padding-top: 10px;">
    <div class="col-md-2">
        <h1 style="font-size: 24px; margin: 0;" class="">通讯录
            <a href="" class="label xinzeng" style="padding: 5px;margin-left:5px;">
                <span class="glyphicon glyphicon-refresh"></span> 刷新
            </a>
        </h1>
    </div>
    <div class="col-md-10 text-right">
        <a href="##"><span class="glyphicon glyphicon-home"></span> 首页</a> &gt; <a disabled="disabled">通讯录</a>
    </div>
</div>

<div class="col-md-9">
    <!--id="container"-->
    <ul class="nav nav-pills nav-justified" id="thispills" style="margin-bottom: 15px;margin-top: 5px">
        <li role="presentation" class="" style="border-left:1px solid #ccc;border-radius: 5px 0px 0px 5px;"><a
                href="javascript:void(0);" class="name">ALL</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name"<%--id="name25"--%>>A</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name"<%--id="name24"--%>>B</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">C</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">D</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">E</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">F</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">G</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">H</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">I</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">J</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">K</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">L</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">M</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">N</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">O</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">P</a></li>
        <li role="presentation" class=""><a href="javascript:void(0);" class="name">Q</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">R</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">S</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">T</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">U</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">V</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">W</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">X</a></li>
        <li role="presentation"><a href="javascript:void(0);" class="name">Y</a></li>
        <li role="presentation" style="border-radius: 0px 5px 5px 0px;"><a href="javascript:void(0);" class="name">Z</a>
        </li>
    </ul>
    <div class="bgc-w box box-primary thistable"><!-- 内部通讯录 -->
        <!--盒子头-->
        <div class="box-header">
            <h3 class="box-title">内部通讯录</h3>
            <a class="btn btn-sm btn-default thisrefresh" href="javascript:void(0);" title="刷新"
               style="padding: 5px;margin-top: -8px;">
                <span class="glyphicon glyphicon-refresh"></span>
            </a>
            <a href="receive.jsp">接收消息</a>
            <div class="box-tools">
                <div class="input-group" style="width: 150px;">
                    <input type="text" class="form-control input-sm baseKey" id="put" placeholder="用户名" value=""
                           style="width: 220px;">
                    <div class="input-group-btn">
                        <a class="btn btn-sm btn-default baseKeySumbit" id="dianji">
                            <span class="glyphicon glyphicon-search"></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--盒子身体-->
        <div class="box-body no-padding ">
            <div class="table-responsive">
                <table class="table table-hover table-striped">
                    <thead>
                    <tr>
                        <th scope="col">部门</th>
                        <th scope="col">职位</th>
                        <th scope="col">姓名</th>
                        <th scope="col">Tel</th>
                        <th scope="col">E-mail</th>
                        <th scope="col">操作</th>
                    </tr>
                    </thead>
                    <tbody class="tb">

                    </tbody>
                </table>

            </div>
        </div>
        <!--盒子尾-->
        <div class="box-footer no-padding" style="margin-top: -20px;">
            <%--分页在这边渲染--%>
        </div>
    </div>
</div>
</body>
<script>


    var pageNum = 1;
    var pageSize = 5;
    sendajax(pageNum, pageSize);

    $("#dianji").click(function () {
        sendajax(pageNum, pageSize);
    })
    /*动态获取*/
    $(document).on("click", ".box-footer a", function () {
        var pageNum = $(this).prop("title"); // 每一个a标签的title属性值就是页码
        // 发送请求
        sendajax(pageNum, pageSize);
    })

    $(document).on("click",".name",function () {
        var letter=$(this).text();
        var pageNum=1;
        var pageSize=5;
        $("#thispills li").removeClass("active");
        $(this).parent("li").addClass("active");
        console.log(letter);
        $.ajax({
            async: true,
            type: "GET",
            url: "${pageContext.request.contextPath}/contacts/getContactsByLetter",
            dataType: "json",
            data: {
                pageNum: pageNum,
                pageSize: pageSize,
                letter: letter
            },
            success:function (result) {
                $(".tb").empty();
                var cou = "";
                $.each(result.list, function (index, res) {

                    cou += "<tr>\n" +
                        "                            <td><span>" + res.deptName + "</span></td>\n" +
                        "                            <td><span>" + res.positionName + "</span></td>\n" +
                        "                            <td><span>" + res.accountName + "</span></td>\n" +
                        "                            <td><span>" + res.accountTel + "</span></td>\n" +
                        "                            <td><span>" + res.accountEmail + "</span></td>\n" +
                        "                            <td>\n" +
                        "                                <a href=\"javascript:void(0);\" userid=\"1\" class=\"label xiugai inlookthis\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-search\"></span> <a href=\"web.jsp?accountName="+res.accountName+"\"> 聊天</a>\n" +
                        "                                </a>\n" +
                        "                            </td>\n" +
                        "                        </tr>";

                    $(".tb").html(cou);
                });

                /*分页渲染*/

                var pageContent = " <div class=\"box-footer no-padding\" style=\"margin-top: 0px;\">\n" +
                    "                <div style=\"padding: 5px;\">\n" +
                    "                    <div id=\"page\" style=\"background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;\">\n" +
                    "                        <div style=\"width: 40%; float: left;\">\n" +
                    "                            <div class=\"pageInfo\" style=\"margin-left: 5px;\">\n" +
                    "                                共<span>" + result.total + "</span>条 | 每页<span>" + result.pageSize + "</span>条\n" +
                    "                                | 共<span>" + result.pages + "</span>页\n" +
                    "                            </div>\n" +
                    "                        </div>\n" +
                    "                        <div style=\"width: 60%; float: left;\">\n" +
                    "                            <div class=\"pageOperation\">";

                // 分页数据的渲染
                //首页+上一页
                if (result.pageNum == 1) {
                    pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tableup\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +
                        "                                </a>";
                } else {
                    pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\"  title=\"1\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tableup\"title=\"" + result.prePage + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +
                        "                                </a>";
                }
                // 页码
                for (let i = 1; i <= result.pages; i++) {
                    if (result.pageNum == i) {
                        pageContent += " <a disabled=\"disabled\" class=\"btn btn-default no-padding num\" title=\"" + i + "\" style=\"width: 30px; height: 20px;\">\n" +
                            "" + i + "\n" +
                            "</a>";
                    } else {
                        pageContent += " <a class=\"btn btn-default no-padding num\" title=\"" + i + "\" style=\"width: 30px; height: 20px;\">\n" +
                            "" + i + "\n" +
                            "</a>";
                    }
                }
                //下一页和尾页
                if (result.pageNum == result.pages) {
                    pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\" disabled=\"disabled\" title=\"" + result.pages + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tablelast\" disabled=\"disabled\" title=\"" + result.pages + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +
                        "                                </a>";
                } else {
                    pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\"  title=\"" + result.nextPage + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tablelast\"  title=\"" + result.pages + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +
                        "                                </a>";

                }
                pageContent += " </div>\n" +
                    "                                </div>\n" +
                    "                            </div>\n" +
                    "                        </div>\n" +
                    "                    </div>"

                $(".box-footer").html(pageContent);
            },
            error:function () {
                alert("异步请求失败！")
            }
        })
    });





    function sendajax(pageNum, pageSize) {
        $.ajax({
            async: true,
            type: "GET",
            url: "${pageContext.request.contextPath}/contacts/getContactsByPage",
            dataType: "json",
            data: {
                pageNum: pageNum,
                pageSize: pageSize,
                accountName: $("#put").val()
            },

            success: function (result) {
                /*渲染数据*/
                var cou = "";
                $.each(result.list, function (index, res) {

                    cou += "<tr>\n" +
                        "                            <td><span>" + res.deptName + "</span></td>\n" +
                        "                            <td><span>" + res.positionName + "</span></td>\n" +
                        "                            <td><span>" + res.accountName + "</span></td>\n" +
                        "                            <td><span>" + res.accountTel + "</span></td>\n" +
                        "                            <td><span>" + res.accountEmail + "</span></td>\n" +
                        "                            <td>\n" +
                        "                                <a href=\"javascript:void(0);\" userid=\"1\" class=\"label xiugai inlookthis\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-search\"></span> <a href=\"web.jsp?accountName="+res.accountName+"\"> 聊天</a>\n" +
                        "                                </a>\n" +
                        "                            </td>\n" +
                        "                        </tr>";
                    $(".tb").html(cou);
                });

                /*分页渲染*/

                var pageContent = " <div class=\"box-footer no-padding\" style=\"margin-top: 0px;\">\n" +
                    "                <div style=\"padding: 5px;\">\n" +
                    "                    <div id=\"page\" style=\"background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;\">\n" +
                    "                        <div style=\"width: 40%; float: left;\">\n" +
                    "                            <div class=\"pageInfo\" style=\"margin-left: 5px;\">\n" +
                    "                                共<span>" + result.total + "</span>条 | 每页<span>" + result.pageSize + "</span>条\n" +
                    "                                | 共<span>" + result.pages + "</span>页\n" +
                    "                            </div>\n" +
                    "                        </div>\n" +
                    "                        <div style=\"width: 60%; float: left;\">\n" +
                    "                            <div class=\"pageOperation\">";

                // 分页数据的渲染
                //首页+上一页
                if (result.pageNum == 1) {
                    pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tableup\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +
                        "                                </a>";
                } else {
                    pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\"  title=\"1\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tableup\"title=\"" + result.prePage + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +
                        "                                </a>";
                }
                // 页码
                for (let i = 1; i <= result.pages; i++) {
                    if (result.pageNum == i) {
                        pageContent += " <a disabled=\"disabled\" class=\"btn btn-default no-padding num\" title=\"" + i + "\" style=\"width: 30px; height: 20px;\">\n" +
                            "" + i + "\n" +
                            "</a>";
                    } else {
                        pageContent += " <a class=\"btn btn-default no-padding num\" title=\"" + i + "\" style=\"width: 30px; height: 20px;\">\n" +
                            "" + i + "\n" +
                            "</a>";
                    }
                }
                //下一页和尾页
                if (result.pageNum == result.pages) {
                    pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\" disabled=\"disabled\" title=\"" + result.pages + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tablelast\" disabled=\"disabled\" title=\"" + result.pages + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +
                        "                                </a>";
                } else {
                    pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\"  title=\"" + result.nextPage + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +
                        "                                </a>\n" +
                        "                                <a class=\"btn btn-sm btn-default no-padding tablelast\"  title=\"" + result.pages + "\" style=\"width: 30px; height: 20px;\">\n" +
                        "                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +
                        "                                </a>";

                }
                pageContent += " </div>\n" +
                    "                                </div>\n" +
                    "                            </div>\n" +
                    "                        </div>\n" +
                    "                    </div>"

                $(".box-footer").html(pageContent);


            },
            error: function (result) {
                alert("失败");
            }
        })
    }

    /**/

</script>
<%--<script>--%>
<%--/*已进入查询*/--%>
<%--$(document).ready(function () {--%>
<%--var pageNum  = 1;--%>
<%--var pageSize = 5;--%>
<%--sendajax(pageNum,pageSize);--%>

<%--/*动态获取*/--%>
<%--$(document).on("click",".box-footer a" ,function () {--%>
<%--var pageNum = $(this).prop("title"); // 每一个a标签的title属性值就是页码--%>
<%--// 发送请求--%>
<%--sendajax(pageNum,pageSize);--%>
<%--})--%>


<%--/*   页面一进入请求分页数据*/--%>
<%--function sendajax(pageNum,pageSize){--%>
<%--$.ajax({--%>
<%--async:true,--%>
<%--type:"GET",--%>
<%--url:"${pageContext.request.contextPath}/tongxun/findlist",--%>
<%--dataType:"json",--%>
<%--data:{--%>
<%--pageNum:pageNum,--%>
<%--pageSize:pageSize--%>
<%--},--%>
<%--success:function (result) {--%>
<%--/*渲染数据*/--%>
<%--var cou="";--%>
<%--$.each(result.list,function (index,res) {--%>

<%--cou +="<tr>\n" +--%>
<%--"                            <td><span>"+res.buMen+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.zhiWei+"</span></td>\n" +--%>
<%--"                            <td><a href=\"#\">\n" +--%>
<%--"                            </a></td>\n" +--%>
<%--"                            <td><span>"+res.xingMing+"</span></td>\n" +--%>
<%--"                            <td><span>\n" +--%>
<%--"\n" +--%>
<%--"\t\t\t\t</span></td>\n" +--%>
<%--"                            <td><span>"+res.tel+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.email+"</span></td>\n" +--%>
<%--"                            <td>\n" +--%>
<%--"                                <a href=\"javascript:void(0);\" userid=\"1\" class=\"label xiugai inlookthis\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-search\"></span> <a href='web.jsp'> 聊天</a>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                            </td>\n" +--%>
<%--"                        </tr>";--%>
<%--$(".tb").html(cou);--%>
<%--});--%>

<%--/*分页渲染*/--%>

<%--var pageContent = " <div class=\"box-footer no-padding\" style=\"margin-top: -20px;\">\n" +--%>
<%--"                <div style=\"padding: 5px;\">\n" +--%>
<%--"                    <div id=\"page\" style=\"background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;\">\n" +--%>
<%--"                        <div style=\"width: 40%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageInfo\" style=\"margin-left: 5px;\">\n" +--%>
<%--"                                共<span>"+result.total+"</span>条 | 每页<span>"+result.pageSize+"</span>条\n" +--%>
<%--"                                | 共<span>"+result.pages+"</span>页\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                        <div style=\"width: 60%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageOperation\">";--%>

<%--// 分页数据的渲染--%>
<%--//首页+上一页--%>
<%--if (result.pageNum == 1){--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}else{--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\"  title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\"title=\""+result.prePage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}--%>
<%--// 页码--%>
<%--for (let i = 1;i<=result.pages;i++){--%>
<%--if (result.pageNum == i){--%>
<%--pageContent += " <a disabled=\"disabled\" class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}else{--%>
<%--pageContent += " <a class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}--%>
<%--}--%>
<%--//下一页和尾页--%>
<%--if (result.pageNum == result.pages){--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--} else{--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\"  title=\""+result.nextPage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\"  title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>

<%--}--%>
<%--pageContent += " </div>\n" +--%>
<%--"                                </div>\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                    </div>"--%>

<%--$(".box-footer").html(pageContent);--%>
<%----%>

<%--},--%>
<%--error:function (result) {--%>
<%--alert("失败");--%>
<%--}--%>


<%--})--%>
<%--}--%>
<%--})--%>


<%--</script>--%>
<%--&lt;%&ndash;字母表查询&ndash;%&gt;--%>
<%--<script >--%>
<%--var tb = "ALL";--%>
<%--var pageNum = 1;--%>

<%--$("#thispills li").click(function () {--%>
<%--tb = $(this).text();--%>
<%--$("#thispills li").removeClass('active');--%>
<%--$(this).addClass('active');--%>
<%--send(tb,pageNum);--%>
<%--});--%>

<%--$(document).on("click",".pageOperation a" ,function () {--%>
<%--pageNum = $(this).prop("title"); // 每一个a标签的title属性值就是页码--%>
<%--// 发送请求--%>
<%--send(tb,pageNum);--%>
<%--})--%>

<%--function send(tb,pageNum){--%>
<%--var pageSize = 5;--%>
<%--$.ajax({--%>
<%--async:true,--%>
<%--type:"GET",--%>
<%--url:"${pageContext.request.contextPath}/tongxun/select",--%>
<%--data:{--%>
<%--ziMu:tb--%>
<%--},--%>
<%--dataType:"json",--%>
<%--success:function (rel) {--%>
<%--var me = rel.name--%>
<%--$.ajax({--%>
<%--async:true,--%>
<%--type:"GET",--%>
<%--url:"${pageContext.request.contextPath}/tongxun/list",--%>
<%--dataType:"json",--%>
<%--data:{--%>
<%--xing:me,--%>
<%--pageNum:pageNum,--%>
<%--pageSize:pageSize--%>
<%--},--%>
<%--success:function (result) {--%>
<%--/*渲染数据*/--%>
<%--var cou="";--%>
<%--$.each(result.list,function (index,res) {--%>

<%--cou +="<tr>\n" +--%>
<%--"                            <td><span>"+res.buMen+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.zhiWei+"</span></td>\n" +--%>
<%--"                            <td><a href=\"#\">\n" +--%>
<%--"                            </a></td>\n" +--%>
<%--"                            <td><span>"+res.xingMing+"</span></td>\n" +--%>
<%--"                            <td><span>\n" +--%>
<%--"\n" +--%>
<%--"\t\t\t\t</span></td>\n" +--%>
<%--"                            <td><span>"+res.tel+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.email+"</span></td>\n" +--%>
<%--"                            <td>\n" +--%>
<%--"                                <a href=\"javascript:void(0);\" userid=\"1\" class=\"label xiugai inlookthis\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-search\"></span> <a href='web.jsp'> 聊天</a>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                            </td>\n" +--%>
<%--"                        </tr>";--%>

<%--});--%>
<%--$(".tb").html(cou);--%>

<%--/*分页渲染*/--%>

<%--var pageContent = " <div class=\"box-footer no-padding\" style=\"margin-top: -20px;\">\n" +--%>
<%--"                <div style=\"padding: 5px;\">\n" +--%>
<%--"                    <div id=\"page\" style=\"background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;\">\n" +--%>
<%--"                        <div style=\"width: 40%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageInfo\" style=\"margin-left: 5px;\">\n" +--%>
<%--"                                共<span>"+result.total+"</span>条 | 每页<span>"+result.pageSize+"</span>条\n" +--%>
<%--"                                | 共<span>"+result.pages+"</span>页\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                        <div style=\"width: 60%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageOperation\">";--%>

<%--// 分页数据的渲染--%>
<%--//首页+上一页--%>
<%--if (result.pageNum == 1){--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}else{--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\"  title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\"title=\""+result.prePage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}--%>
<%--// 页码--%>
<%--for (let i = 1;i<=result.pages;i++){--%>
<%--if (result.pageNum == i){--%>
<%--pageContent += " <a disabled=\"disabled\" class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}else{--%>
<%--pageContent += " <a class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}--%>
<%--}--%>
<%--//下一页和尾页--%>
<%--if (result.pageNum == result.pages){--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--} else{--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\"  title=\""+result.nextPage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\"  title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>

<%--}--%>
<%--pageContent += " </div>\n" +--%>
<%--"                                </div>\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                    </div>"--%>


<%--$(".box-footer").html(pageContent);--%>

<%--},error:function (result) {--%>
<%--alert("失败");--%>
<%--}--%>

<%--})--%>

<%--},error:function (rel) {--%>
<%--/*字母表*/--%>
<%--/*alert("没有此人")*/;--%>
<%--}--%>

<%--})--%>
<%--}--%>


<%--</script>--%>


<%--&lt;%&ndash;注释&ndash;%&gt;--%>

<%--&lt;%&ndash;搜索框查询&ndash;%&gt;--%>
<%--<script>--%>
<%--$("#dianji").click(function () {--%>
<%--var pageNum  = 1;--%>
<%--var pageSize = 5;--%>
<%--var putname = $("#put").val();--%>
<%--sendajax(pageNum,pageSize);--%>
<%--/*动态获取*/--%>
<%--$(document).on("click",".box-footer a" ,function () {--%>
<%--var pageNum = $(this).prop("title"); // 每一个a标签的title属性值就是页码--%>
<%--// 发送请求--%>
<%--sendajax(pageNum,pageSize);--%>
<%--})--%>

<%--function sendajax(pageNum,pageSize){--%>
<%--$.ajax({--%>
<%--async:true,--%>
<%--type:"GET",--%>
<%--url:"${pageContext.request.contextPath}/tongxun/allfind",--%>
<%--dataType:"json",--%>
<%--data:{--%>
<%--pageNum:pageNum,--%>
<%--pageSize:pageSize,--%>
<%--xingMing:putname--%>
<%--},--%>

<%--success:function (result) {--%>
<%--/*渲染数据*/--%>
<%--var cou="";--%>
<%--$.each(result.list,function (index,res) {--%>

<%--cou +="<tr>\n" +--%>
<%--"                            <td><span>"+res.buMen+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.zhiWei+"</span></td>\n" +--%>
<%--"                            <td><a href=\"#\">\n" +--%>
<%--"                            </a></td>\n" +--%>
<%--"                            <td><span>"+res.xingMing+"</span></td>\n" +--%>
<%--"                            <td><span>\n" +--%>
<%--"\n" +--%>
<%--"\t\t\t\t</span></td>\n" +--%>
<%--"                            <td><span>"+res.tel+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.email+"</span></td>\n" +--%>
<%--"                            <td>\n" +--%>
<%--"                                <a href=\"javascript:void(0);\" userid=\"1\" class=\"label xiugai inlookthis\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-search\"></span> <a href='web.jsp'> 聊天</a>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                            </td>\n" +--%>
<%--"                        </tr>";--%>
<%--$(".tb").html(cou);--%>
<%--});--%>

<%--/*分页渲染*/--%>

<%--var pageContent = " <div class=\"box-footer no-padding\" style=\"margin-top: -20px;\">\n" +--%>
<%--"                <div style=\"padding: 5px;\">\n" +--%>
<%--"                    <div id=\"page\" style=\"background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;\">\n" +--%>
<%--"                        <div style=\"width: 40%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageInfo\" style=\"margin-left: 5px;\">\n" +--%>
<%--"                                共<span>"+result.total+"</span>条 | 每页<span>"+result.pageSize+"</span>条\n" +--%>
<%--"                                | 共<span>"+result.pages+"</span>页\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                        <div style=\"width: 60%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageOperation\">";--%>

<%--// 分页数据的渲染--%>
<%--//首页+上一页--%>
<%--if (result.pageNum == 1){--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}else{--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\"  title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\"title=\""+result.prePage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}--%>
<%--// 页码--%>
<%--for (let i = 1;i<=result.pages;i++){--%>
<%--if (result.pageNum == i){--%>
<%--pageContent += " <a disabled=\"disabled\" class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}else{--%>
<%--pageContent += " <a class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}--%>
<%--}--%>
<%--//下一页和尾页--%>
<%--if (result.pageNum == result.pages){--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--} else{--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\"  title=\""+result.nextPage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\"  title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>

<%--}--%>
<%--pageContent += " </div>\n" +--%>
<%--"                                </div>\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                    </div>"--%>

<%--$(".box-footer").html(pageContent);--%>


<%--},--%>
<%--error:function (result) {--%>
<%--alert("失败");--%>
<%--}--%>


<%--})--%>
<%--}--%>


<%--})--%>


<%--</script>--%>

<%--&lt;%&ndash;all&ndash;%&gt;--%>
<%--<script>--%>
<%--$("#all").click(function () {--%>

<%--var pageNum  = 1;--%>
<%--var pageSize = 5;--%>
<%--sendajax(pageNum,pageSize);--%>

<%--/*动态获取*/--%>
<%--$(document).on("click",".box-footer a" ,function () {--%>
<%--var pageNum = $(this).prop("title"); // 每一个a标签的title属性值就是页码--%>
<%--// 发送请求--%>
<%--sendajax(pageNum,pageSize);--%>
<%--})--%>

<%--/*   页面一进入请求分页数据*/--%>
<%--function sendajax(pageNum,pageSize){--%>
<%--$.ajax({--%>
<%--async:true,--%>
<%--type:"GET",--%>
<%--url:"${pageContext.request.contextPath}/tongxun/findlist",--%>
<%--dataType:"json",--%>
<%--data:{--%>
<%--pageNum:pageNum,--%>
<%--pageSize:pageSize--%>
<%--},--%>
<%--success:function (result) {--%>
<%--/*渲染数据*/--%>
<%--var cou="";--%>
<%--$.each(result.list,function (index,res) {--%>

<%--cou +="<tr>\n" +--%>
<%--"                            <td><span>"+res.buMen+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.zhiWei+"</span></td>\n" +--%>
<%--"                            <td><a href=\"#\">\n" +--%>
<%--"                            </a></td>\n" +--%>
<%--"                            <td><span>"+res.xingMing+"</span></td>\n" +--%>
<%--"                            <td><span>\n" +--%>
<%--"\n" +--%>
<%--"\t\t\t\t</span></td>\n" +--%>
<%--"                            <td><span>"+res.tel+"</span></td>\n" +--%>
<%--"                            <td><span>"+res.email+"</span></td>\n" +--%>
<%--"                            <td>\n" +--%>
<%--"                                <a href=\"javascript:void(0);\" userid=\"1\" class=\"label xiugai inlookthis\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-search\"></span> <a href='web.jsp'> 聊天</a>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                            </td>\n" +--%>
<%--"                        </tr>";--%>
<%--$(".tb").html(cou);--%>
<%--});--%>

<%--/*分页渲染*/--%>

<%--var pageContent = " <div class=\"box-footer no-padding\" style=\"margin-top: -20px;\">\n" +--%>
<%--"                <div style=\"padding: 5px;\">\n" +--%>
<%--"                    <div id=\"page\" style=\"background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;\">\n" +--%>
<%--"                        <div style=\"width: 40%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageInfo\" style=\"margin-left: 5px;\">\n" +--%>
<%--"                                共<span>"+result.total+"</span>条 | 每页<span>"+result.pageSize+"</span>条\n" +--%>
<%--"                                | 共<span>"+result.pages+"</span>页\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                        <div style=\"width: 60%; float: left;\">\n" +--%>
<%--"                            <div class=\"pageOperation\">";--%>

<%--// 分页数据的渲染--%>
<%--//首页+上一页--%>
<%--if (result.pageNum == 1){--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\" disabled=\"disabled\" title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}else{--%>
<%--pageContent += "<a class=\"btn btn-sm btn-default no-padding tablefirst\"  title=\"1\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-backward\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tableup\"title=\""+result.prePage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-left\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--}--%>
<%--// 页码--%>
<%--for (let i = 1;i<=result.pages;i++){--%>
<%--if (result.pageNum == i){--%>
<%--pageContent += " <a disabled=\"disabled\" class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}else{--%>
<%--pageContent += " <a class=\"btn btn-default no-padding num\" title=\""+i+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--""+i+"\n" +--%>
<%--"</a>";--%>
<%--}--%>
<%--}--%>
<%--//下一页和尾页--%>
<%--if (result.pageNum == result.pages){--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\" disabled=\"disabled\" title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>
<%--} else{--%>
<%--pageContent += " <a class=\"btn btn-sm btn-default no-padding tabledown\"  title=\""+result.nextPage+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-triangle-right\"></span>\n" +--%>
<%--"                                </a>\n" +--%>
<%--"                                <a class=\"btn btn-sm btn-default no-padding tablelast\"  title=\""+result.pages+"\" style=\"width: 30px; height: 20px;\">\n" +--%>
<%--"                                    <span class=\"glyphicon glyphicon-forward\"></span>\n" +--%>
<%--"                                </a>";--%>

<%--}--%>
<%--pageContent += " </div>\n" +--%>
<%--"                                </div>\n" +--%>
<%--"                            </div>\n" +--%>
<%--"                        </div>\n" +--%>
<%--"                    </div>"--%>

<%--$(".box-footer").html(pageContent);--%>


<%--},--%>
<%--error:function (result) {--%>
<%--alert("失败");--%>
<%--}--%>


<%--})--%>
<%--}--%>
<%--})--%>


<%--</script>--%>


<style type="text/css">
    #thismodal .modal-dialog {
        width: 500px;
        top: 20%;
    }

    #thismodal .modal-body .icon {
        height: 80px;
        width: 80px;
        margin: 20px auto;
        border-radius: 50%;
        color: #aad6aa;
        border: 3px solid #d9ead9;
        text-align: center;
        font-size: 44px;
    }

    #thismodal .modal-body .icon .glyphicon {
        font-size: 46px;
        top: 14px;
    }

    #thismodal .modal-p {
        margin: 20px auto;
    }

    #thismodal .modal-body .modal-p h2 {
        text-align: center;
    }

    #thismodal .modal-body .modal-p p {
        text-align: center;
        color: #666;
        font-size: 16px;
        padding-top: 8px;
        font-weight: 300;
    }

    #thismodal .modal-p .btn {
        margin-left: 40%;
        width: 100px;
        height: 40px;
    }

    #thismodal .modal-error .icon {
        color: #f27474;
        border: 3px solid #f27474;
    }
</style>

</html>